<template>
  <view class="title flex-ac">
    <view class="icon"></view>
    <view class="text">{{ title }}</view>
  </view>
</template>
<script>
export default {
  props: {
    title: String,
    default: "Title",
  },
};
</script>
<style lang="less" scoped>
.title {
  .icon {
    width: 8rpx;
    height: 34rpx;
    background: #138e57;
    border-radius: 8rpx;
  }

  .text {
    font-size: 32rpx;
    font-weight: 600;
    color: #000000;
    margin-left: 22rpx;
  }
}
</style>
